<template>
	<view>
		<!-- 选择出行日期 -->
		<view class="date-block">
			<view class="label">选择日期</view>
			<view class="choose-date" @click="goToCalendarPage">
				{{departureDate}}
				<text class="iconfont icon-xiangxia">></text>
			</view>
		</view>
	</view>
</template>

<script>
import { _getTimeStamp,_getDateFormat } from '@/utils/DateFun'
/**
 * departureDate   选中的日期（带格式）
 * departTime      选中的日期时间戳
 * startDateStamp  规定遍历日历的初始日期时间戳
 * ifShowPriceStock  是否是需要显示价格库存的页面
 */
	export default {
		data() {
			return {
				departureDate:'',
				departTime:0,
				startDateStamp:1587340800, //假设初始日期为4月20号
				ifShowPriceStock:true
			}
		},
		methods: {
			/**
			 * @desc 跳转选择日期页方法
			 * hightLightDate  当前显示/选中的日期时间戳。必填
			 * startDateStamp  规定遍历日历的日期时间戳。非必填，若规定了初始时间，则初始时间前均不可选择；不填则显示当前时间
			 * ifShowPriceStock  是否是需要显示价格库存的页面。非必填，true为需要显示
			 */
			goToCalendarPage(){
				uni.navigateTo({
					url: `/pages/showCalendar/showCalendar?hightLightDate=${this.departTime}&startDateStamp=${this.startDateStamp}&ifShowPriceStock=${this.ifShowPriceStock}`
				})
			}
		},
		onShow(){
			if(uni.getStorageSync('chooseDate')){
				//若有选中日期的情况下返回页面，则获取选中的日期
				this.departTime = uni.getStorageSync('chooseDate').timeStamp;
				this.departureDate = uni.getStorageSync('chooseDate').date;
				uni.removeStorageSync('chooseDate');
			}else{
				//若无选中日期返回页面则获取当前时间
				this.departureDate = _getDateFormat(this.$store.state.DATE_YEAR,this.$store.state.DATE_MONTH,this.$store.state.DATE_DAY);
				this.departTime = _getTimeStamp(this.departureDate);
			}
		}
	}
</script>

<style lang="scss" scoped>
  @import './main.scss';
</style>
